@CHARSET "UTF-8";
header {
    z-index: 1000; /*rules all*/
}
.mainContent{
    margin-top: -30px;
    z-index: 930; /*overlaps header*/
    position: relative;

}
header #headerBg {
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    background-color: #000;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
}

#siteContainer header {
/*     background-color: transparent; */
/*     //added to darken the header. certain brands were too light with the above styling. */
    background-color: rgba(0, 0, 0, 0.2);
}

header .headerContent {
    position: absolute;
    width: 100%;
}

#primaryContainer {
    margin: 0;
    padding: 0;
}

#brandContent {
    margin: 8px 0 8px 10px
}

#brandContent .left-button,
#brandContent .right-button,
#brandcontent .jump-to {
    display: none;
}

.simpleSlide-tray .active {
    display: inline-block;
}
#crisisMessageContainer{
    margin: 10px;
    padding: 5px 10px 10px;
    text-align: center;
}
#crisisMessageContainer h4{
    text-align: center;
    padding: 5px 10px 10px;
    font-size: 14px;
    background-repeat: no-repeat;
    text-transform: uppercase;
}
#crisisMessageContainer .message p{
    margin-bottom: 5px;
    text-align: left;
}
#crisisMessageContainer .message{
    padding: 10px;
}
/*Move To Landscape CSS*/
@media screen and (orientation:landscape) {
    #mainPromos {
        height: 230px;
    }
    .slides_container {
        width: 480px;
        height: 200px;
    }
   
    .secondarySlideshow div.ps-uilayer{
		width: 640px !important;
	}
}


/*PhotoSwipe Overrides */
#secondaryPromosContainer, #mainPromoContainer{
	/*visibility: hidden;*/
	display: block;
}

#secondaryPromosContainer{
	overflow: hidden;
}

.secondarySlideshow .ps-carousel{
	overflow: visible !important;
}

.secondarySlideshow .ps-carousel .ps-carousel-content .ps-carousel-item h2{
	padding: 10px 30px 10px 0;
	position: absolute;
	z-index: 3000;
	top: 10px;
	left: 10px;
	display: block;
    background:url('/mobile/westin/images/icons.png') no-repeat;
    background-position: 100% -207px;
    height: 25px;
    margin-top: -10px;
}

.secondarySlideshow{
	width: 200px;
	height: 110px;
	margin: 0 10px 5px 10px;
}

.secondarySlideshow div.ps-uilayer{
	min-width: 320px !important;
}
body .secondarySlideshow div.ps-toolbar,
body .secondarySlideshow div.ps-caption{
	display: none !important;
}

body #secondaryPromosContainer .ps-active, body #secondaryPromosContainer .ps-building, #secondaryPromosContainer div.ps-active, #secondaryPromosContainer div.ps-building{
	overflow: visible;
}

body div.ps-document-overlay{
	background: none !important;
}

.simpleSlide-window{
	margin-right: 10px;
}

#mainPromoContainer, #mainPromoContainer div{
	height: 270px;
}

#mainPromoContainer{
	margin-top: -40px;
}

#mainPromoContainer iframe{
	margin-top: 40px;
}

#primaryContainer{
	margin-top: -70px;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap div {
  float:left;
  width:100%;
  position: relative;
}

#mainPromos span.iframe{
	display: block;
	position: absolute;
	/*pointer-events:none;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f00;
	opacity: 0;
}
.upcomingStays .nextStayDate a{
    font-weight: normal;
}